*{margin:0; padding:0;}
body{font-family:"Calibri";background-color:rgb(247,238,214);position: relative;}
/*左盒子*/
.boxLeft{
	height:80%;
	z-index:-1;
}
/*天气盒子*/
.boxLeftTop{
	height:50%;
	color:#FFF;
	background-color:#333;
}
.boxLeftTop div{
	width:60%;
	height:40%;
}
.boxLeftTop div img{
	width:100%;
	height:100%;
}
.topFont{
	font-size:18px;
	letter-spacing:.5em;
	font-weight:bold;
}
.img-fluidmax{width:100%;height:50px;}
.images div{
	width:23%;
	height:48%;
	margin:1%;
	padding:1%;
	border:.5px solid #ddd;
	box-sizing:border-box;
}
.images img{
	width:100%;
	height:100%;
}
h5 a{
	font-size:.75em;
	cursor:pointer;
}
.footer{
	height:20%;
	color:#797979;
	background:#333;
}

/*适配小型设备*/
@media (max-width: 575px){
	nav ul{font-size:10px}
	.topNav{
		height:40px;
	}
	.images div{
		width:48%;
		height:24%;
		margin:1%;
		padding:1%;
		border:.5px solid #ddd;
		box-sizing:border-box;
	}
	.boxLeftTop{
		font-size:.625em;
		height:60%;
	}
	.boxLeftTop div{
		width:100%;
		height:40%;
	}
	.footer{
		font-size:10px;
	}
}

/*适配手机及以上*/
@media (min-width: 576px){
	nav ul{font-size:.75em}
	.boxLeftTop{
		height:65%;
	}
}

/*适配ipad及以上*/
@media (min-width: 768px){ 
	nav ul{font-size:1em}
	.boxLeftTop div{
		width:100%;
		height:40%;
	}
}

/*适配显示器及以上*/
@media (min-width: 992px){ 
	.boxLeftTop div{
		width:60%;
		height:40%;
	}
}

/*适配大型设备*/
@media (min-width: 1200px){ 
	.boxLeftTop div{
		width:55%;
		height:35%;
	}
}